<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div class="widget">Hello, world!</div>
		<script>
			var host = document.querySelector('.widget');
			var root = host.createShadowRoot();

			var header = document.createElement('h1');
			header.textContent = '一只野生的影子标题出现了！';

			var paragraph = document.createElement('p');
			paragraph.textContent = '一些影子文本也探头探脑滴冒了出来…';

			root.appendChild(header);
			root.appendChild(paragraph);
		</script>
	</body>

</html>